<template>
    <div class='bot_nav_box'>
        <router-link to="/home"><van-icon name="wap-home" />首页</router-link>
        <router-link to="/list"><van-icon name="bag" />分类</router-link>
        <router-link to="/jx"><van-icon name="gem" />京喜</router-link>
        <router-link to="/cart"><van-icon name="shopping-cart" />购物车</router-link>
        <router-link to="/user"><van-icon name="manager" />{{urlName}}</router-link>
    </div>
</template>
<script>
// @ is an alias to /src
export default {
    name: 'botnav',
    data() {
        return {
        
        }
    },
    components: {
        
    },
    computed: {
        urlName(){
            return this.$store.state.userInfo.name ? "我的" : "未登录"
        }
    },
}
</script>
<style lang="less" scoped>
.bot_nav_box{
    position: fixed;
    bottom:0;
    left:0;
    width: 100%;
    height: 50px;
    border-top:1px solid #eee;
    display: flex;
    align-items: center;
    a{
        flex:1;
        display: block;
        font-size: 16px;
        color:#333;
        .van-icon{
            font-size: 25px;
            display: block;
        }
    }
    a.router-link-active{
        color:red
    }
}

</style>